﻿@Family: 微软雅黑;
@Center: center;
@Left: left;
@Right: right;
@Gray: #D4DBE5;
@White: #ffffff;
@Green: #B2FF8B;
@Black: #000000;
@Purple: #6142CD;
@Blue: #6D78C1;
@DarkBlue: rgb(4,71,124);
@ShadowColor: @Gray;

*
{
    margin: 0;
    padding: 0;
}

body
{
    /*background-image: url(/images/chybj.png);*/
    background-color: rgb(4,71,124);
    /*background-repeat: repeat;*/
    font-weight: bold;
    color: @White;
    font: 15px @Family;
}

img
{
    margin:0;
    padding:0;
}

#queryBox, #logo
{
    width: 23em;
}

#queryBox, #btnSub, #logo, #advinfo, #altStr
{
    .MarginTop(10px);
}

#queryBox
{
    background-color: #ebebeb;
    color: @DarkBlue;

    #title
    {
        padding: 5px;
        .FontAlign;
        color: @White;
        font-weight: bold;
        .Filter;
    }

    #qblist
    {
        .MarginTop(20px);
        width: 95%;

        h3
        {
            float: @Left;
        }

        #fwm
        {
            .MarginTop(10px);
            font-size: 2em;
        }

        p
        {
            .FontAlign(@Left);
            .MarginTop(10px);
        }
    }

    #sub
    {
        float: right;
       margin-right:1em;
        margin-top:1.5em;
    }

    #yzmBox
    {
        float:left;
        margin-left:1em;
        text-align: left;
        /*background:@Black;*/
        width: 12em;

        #txtYzm, #imgYzm
        {
            float: left;
        }

        #txtYzm
        {
            font-weight:800;
            font-size: 1.65em;
            padding: 0 10px;
            width: 2.5em;
            font-family:@Family;
        }
    }



    #retnStr
    {
        .MarginTop(20px);
        .Width(95%);
        background-color: @White;
        text-align: left;
        text-indent: 2em;
    }

    #retnStr
    {
        color: red;

    }

    #advStr
    {
        color: @Black;
    }

    hr
    {
        margin-top: 20px;
        width: 92%;
    }
}



div#logo
{
    text-align: center;

    a
    {
        text-decoration: none;


        img, p
        {
            float: left;
        }

        p
        {
            color: @White;
            text-align: left;
            font-size: 0.85em;

            span
            {
                font-size: 1.5em;
            }
        }
    }
}


#advinfo
{
    width: 90%;
    .FontAlign(@Left);
    Text-indent: 2em;
}
/*宽高*/
.Width(@w: 100%)
{
    width: @w;
}

/*位置*/
.MarginTop(@px: 5px)
{
    margin-top: @px;
}

/*文字*/
/*文字排版*/
.FontAlign(@agn: @Center)
{
    text-align: @agn;
}
/*文字颜色*/
.FontGray
{
    color: @Gray;
}

.FontWhite
{
    color: @White;
}

/*背景*/
/*背景颜色*/
//background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firefox */
//background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f02), color-stop(1, #8f2c00)); /* Saf4+, Chrome */
//filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6ff00', endColorstr='#538300', GradientType='0'); /* IE*/
.Filter(@staColor: #0000AE,@endColor: #000025)
{
    background-image: -moz-linear-gradient(top, @staColor, @endColor); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, @staColor), color-stop(1, @endColor)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@staColor', endColorstr='@endColor', GradientType='0'); /* IE*/
}

.BackgroundGreen
{
    background-color: @Green;
}
/*线*/
.border(@bcolor: @Black)
{
    border: 1px solid @bcolor;
}

/*自定义样式*/
.BoxShadow(@cw: 3px)
{
    -webkit-box-shadow: 1px 1px @cw @ShadowColor;
    -moz-box-shadow: 1px 1px @cw @ShadowColor;
    -ms-box-shadow: 1px 1px @cw @ShadowColor;
    -o-box-shadow: 1px 1px @cw @ShadowColor;
    box-shadow: 1px 1px @cw @ShadowColor;
}

.BorderRadius(@px: 3px)
{
    -webkit-border-radius: @px;
    -moz-border-radius: @px;
    -ms-border-radius: @px;
    -o-border-radius: @px;
    border-radius: @px;
}

.TextBox, .Button
{
    font-family: @Family;
    padding: 6px 11px;
}

.TextBox
{
    .Width(90%);
    .border(@Gray);
}

.Button
{
    font-weight: 800;
    border: 0;
    color: @White;
    padding: 8px 28px;
    background-image: -moz-linear-gradient(top, #00002C, #000097); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00002C), color-stop(1, #000097)); /* Saf4+, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00002C', endColorstr='#000097', GradientType='0'); /* IE*/
}

    .Button:hover
    {
        padding: 8px 28px;
        background-image: -moz-linear-gradient(top, #000097, #00002C); /* Firefox */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000097), color-stop(1, #00002C)); /* Saf4+, Chrome */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000097', endColorstr='#00002C', GradientType='0'); /* IE*/
    }

.Clear
{
    clear: both;
}
